/*清除元素默认的内外边距  */
* {
    margin: 0;
    padding: 0
    
}

html
{
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-family: MiSans, serif;
}
body {
    background-image: url('../image/bgc.jpg');
    margin: 0;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
    font-family: MiSans, serif;
}
/*去掉列表前面的小点*/
li {
    list-style: none;
}
/*图片没有边框   去掉图片底侧的空白缝隙*/
img {
    border: 0;  /*ie6*/
    vertical-align: middle;
    margin-left: 0.3vh;
}

button {
    cursor: pointer;
}
/*取消链接的下划线*/
a {
    color: #666;
    text-decoration: none;
}


.background-iframe {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.login-wrapper{
    position: fixed;
    right: 10vh;
    bottom: 7vh;
    width: 50vh;
    height:88vh;
    /* opacity: 1; */
    color: white;
}

.login-wrapper .title{
    margin-top: 2vh;
    text-align: center;
    margin-left: 7.2vh;
}

.title  p{
font-size: 3.8vh;
line-height: 6vh;
color: rgba(255, 255, 255, 1);
text-align: center;
vertical-align: top;
margin-bottom: .3vh;
}
.title span{
    font-size: 2.2vh;
}
.input div{
    border: 1px solid #2C6A91;
   height:4.8vh;
   border-radius:0.58vw;
   margin-bottom: 1.5vh;
}
 #message-box{
    line-height:4.8vh;
    border-radius:0.58vw;
    height: 4.8vh;
    width: 36.3vh;
    position: absolute;
    color: white;
    font-weight: 400;
    font-size: 2.5vh;
    top: 22%;
    left: 22%;
    text-align: center;
}

#alert
{
    color: white;
    border: none;
    font-size: 2.5vh;
    text-align: center;
    font-weight: 400;
    line-height: 4vh;
    height: 4vh;
    margin-top: 2vh;
}
.login-wrapper .input{
    position: absolute;
    top: 19%;
    left: 22%;
}

.input div span{
    font-size:2.5vh;
    margin-left: 0.6vh;
    line-height: 4vh;
}
.input input{
    margin-left: 5px;
    outline: none; 
    border: none;
    font-size: 0.9vw;
    width: 30vh;
    height: 4.4vh;
    color: white;
    background-color: rgb(3,9,21);
    /* border: 1px solid rgb(44,106,145); */
    border-radius:0.58vw;
    
}

.login-wrapper .input img{
    width: 4.4vh;
    height: 4.4vh;
}

button{
    background-color: #008CFF;
    text-align: center;
    color: #fff;
    font-size: 1.1vw;
    line-height: 4.8vh;
    border-radius:0.58vw;
    border: none;
}
.btn{
    width: 37vh;
    height: 4.8vh;
    position: absolute;
    top: 45%;
    left: 22%;
    transition: background-color .5s;
}
.btn:hover{
    background-color: #004781;
}
.login-wrapper .imgs{
    display: flex;
   width: 35vh;
   position: absolute;
   top: 63%;
   left: 22%;
   justify-content: space-between;
}
.registerimgs{
    display: flex;
   width: 35vh;
   position: absolute;
   top: 80%;
   left: 22%;
   justify-content: space-between;
}
.img img{
    width: 10vh;
    height: 10vh;
}

.img p{
    text-align: center;
    font-size: 2vh;
    margin-top: 2vh;
}

.code{
    height: 4.748vh;
    width: 10vh;
    position: absolute;
    /* margin-top: 0.01vh; */
    right: 0%;
    font-size: 1.8vh;
    transition: background-color .5s;
}
.input .register{
    font-size: 1.7vh;
    position: absolute;
    bottom: -6.8%;
    right: 5%;
}

.input .register a{
    color: #ff6900;
}
.btn-register{
    width: 38vh;
    height: 4.8vh;
    position: absolute;
    top: 70%;
    left: 22%;
    transition: background-color .5s;
}
.btn-register:hover{
    background-color: #004781;
}
.code:hover{
    background-color: #004781;
}

